<template>
    <el-card>
        <el-form :model="userDetailDisplay" label-width="120px" >
            <el-row>
                <el-col :span="12">
                    <el-form-item label="姓名" prop="name" >
                        <el-input v-model="userDetailDisplay.name" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="登录名" prop="loginId">
                        <el-input v-model="userDetailDisplay.loginId" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <!-- <el-col :span="12">
                    <el-form-item label="所属部门" prop="orgSerialNo">
                        <el-select placeholder="请选择" filterable v-model="userDetailDisplay.orgSerialNo">
                            <el-option v-for="item in organizations" :key="item.orgSerialNo" :label="item.name" :value="item.orgSerialNo">
                            </el-option>
                        </el-select>
                    </el-form-item>
                </el-col> -->
                
            </el-row>
            <el-row>
                <!-- <el-col :span="12">
                    <el-form-item label="跨职部门">
                        <el-select placeholder="请选择" filterable v-model="userDetailDisplay.crossSection">
                            <el-option v-for="item in organizations" :key="item.orgSerialNo" :label="item.name" :value="item.orgSerialNo">
                            </el-option>
                        </el-select>
                    </el-form-item>
                </el-col> -->
                <el-col :span="12">
                    <el-form-item label="登录密码" prop="password">
                        <el-input v-model="userDetailDisplay.password" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
                    <el-col :span="12">
                    <el-form-item label="性别">
                        <el-radio-group v-model="userDetailDisplay.sex" :disabled="true">
                            <el-radio class="radio" :label="1">男</el-radio>
                            <el-radio class="radio" :label="2">女</el-radio>
                        </el-radio-group>
                    </el-form-item>
                </el-col>
            </el-row>
            <!-- <el-row>
                <el-col :span="12">
                    <el-form-item label="出生日期">
                        <el-date-picker class="newdate" type="date" placeholder="请选择" v-model="userDetailDisplay.birthday" value-format="yyyy-MM-dd"></el-date-picker>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="警号 ">
                        <el-input v-model="userDetailDisplay.policeNumber"></el-input>
                    </el-form-item>
                </el-col>
            </el-row> -->
            <!-- <el-row>
                
                <el-col :span="12">
                    <el-form-item label="身份证号码">
                        <el-input v-model="userDetailDisplay.idCard"></el-input>
                    </el-form-item>
                </el-col>
            </el-row> -->
            <!-- <el-row>
                <el-col :span="12">
                    <el-form-item label="职位类别">
                        <el-select placeholder="请选择" filterable v-model="userDetailDisplay.positionCategory">
                            <el-option v-for="item in positionCategoryData" :key="item.value" :label="item.name" :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="民族">
                        <el-select placeholder="请选择" filterable v-model="userDetailDisplay.nationality">
                            <el-option v-for="item in nationData" :key="item.value" :label="item.name" :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="所属警钟">
                        <el-select placeholder="请选择" filterable v-model="userDetailDisplay.jobCategory">
                            <el-option v-for="item in policeData" :key="item.value" :label="item.name" :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="手机号码">
                        <el-input v-model="userDetailDisplay.mobile"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="所属岗位">
                        <el-select placeholder="请选择" filterable v-model="userDetailDisplay.quarters">
                            <el-option v-for="item in quartersData" :key="item.value" :label="item.name" :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="手机号2">
                        <el-input v-model="userDetailDisplay.mobile2"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="所属角色">
                        <el-select
                                v-model="roleIds"
                                multiple
                                collapse-tags
                                placeholder="请选择">
                            <el-option
                                    v-for="item in roleData"
                                    :key="item.id"
                                    :label="item.roleName"
                                    :value="item.id">
                            </el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="手机号3">
                        <el-input v-model="userDetailDisplay.mobile3"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="用户状态">
                        <el-radio-group v-model="userDetailDisplay.status">
                            <el-radio class="radio" :label="1">启用</el-radio>
                            <el-radio class="radio" :label="0">禁用</el-radio>
                        </el-radio-group>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="是否隐藏">
                        <el-radio-group v-model="userDetailDisplay.isHide">
                            <el-radio class="radio" :label="1">是</el-radio>
                            <el-radio class="radio" :label="0">否</el-radio>
                        </el-radio-group>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="安全级别">
                        <el-select placeholder="请选择" filterable v-model="userDetailDisplay.securityLevel">
                            <el-option v-for="item in securityLevelData" :key="item.value" :label="item.name" :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="排序">
                        <el-input v-model="userDetailDisplay.orderNo"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="公安邮箱">
                        <el-input v-model="userDetailDisplay.email"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="数据来源">
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="24">
                    <el-form-item label="联系地址">
                        <el-input v-model="userDetailDisplay.address"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-form-item label="用户签名">
                <el-input type="textarea" v-model="userDetailDisplay.remark"></el-input>
            </el-form-item> -->
        </el-form>
    </el-card>
</template>

<script>
export default {
    props: [
        "userDetailDisplay",
    ],
    mounted(){
        console.log(userDetailDisplay);
    }
}
</script>

